* {
    list-style: none;
}

.center {
    width: 1380px;
    margin: 0 auto;
}

.f1 {
    height: 480px;
    background-color: #f5f5f7;
}

a {
    text-decoration: none;
    color: #16c;
}

.f1 .center .head {
    height: 480px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.f1 .head .text {
    position: absolute;
    display: block;
    justify-content: center;
    align-items: center;
    left: 10%;
    z-index: 2;
}

.f1 .center .head img {
    position: absolute;
    width: 100%;
    height: 100%;
    /* display: block; */
    left: 30%;
}

.text-1 h2 {
    font-size: 48px;
}

p,
a {
    font-size: 21px;
}

.f2 .center {
    display: block;
    display: flex;
    margin: 0 auto;
    width: 980px;
    height: 240px;
    justify-content: center;
}

.f2 h2 {
    text-align: center;
    font-size: 32px;
    padding: 75px 0 12px;
    margin: 0 0 15px;
}

input {
    width: 580px;
    height: 56px;
    border-radius: 8px;
    border: #d2d2d7 solid 3px;
    padding: 0 43px;
    font-size: 18px;
}

.input {
    border: #16c solid 9px;
}

.pj-text1-content img {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 17px;
}

.pj-text1-content {
    position: relative;
}

.f3 .center {
    width: 980px;
}

.text-2 p {
    text-align: center;
}

.text-2 .tu {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-evenly;
}

.tu li {
    width: 143px;
    height: 143px;
    border: 2px solid #d2d2d7;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}

.tu li img {
    width: 75px;
    position: relative;
    top: 30px;
}

.f3 .center {
    width: 980px;
}

.f3 .center .text-3,
.center .text-4 {
    text-align: center;
}

.text-3 h2 {
    color: #1d1d1f;
    font-size: 40px;
    margin: 65px 0px 27px;
    text-align: center;
}

.text-3 a,
.text-4 a {
    font-size: 17px;
    color: #0066cc;
    text-align: center;
    margin-top: 24px;
}

.f3 .col1 {
    display: flex;
    justify-content: space-between;
}

.f3 .col1-1 {
    width: 320px;
    height: 665px;
    margin-bottom: 10px;
    border-radius: 15px;
    text-align: center;
}

.col1-2 {
    width: 650px;
    margin-bottom: 10px;
    border-radius: 15px;
}

.col1-1:first-child>img {
    width: 266px;
    height: 291px;
    margin-top: 80px;
}

.col1-1 img {
    margin-top: 30px;
}

.col1-1 .tu1 span {
    display: inline-block;
}

.col1-2 img {
    width: 100%;
}

.col1-2 .tu>img {
    margin-top: 30px;
}

.col1-1 .tu1 img,
.col1-2 .tu2 img {
    width: 14px;
    height: 14px;
}

.col1-1 .text {
    margin-top: 40px;
    text-align: center;
}

.col1-2 .text {
    text-align: center;
    margin-bottom: 40px;
}

.col1-1 .text:nth-child(2)>p,
.col1-2 .text:nth-child(2)>p,
.col2-1 .text:nth-child(2)>p,
.col2-2 .text:nth-child(2)>p,
.col2-3 .text:nth-child(2)>p {
    margin-top: 30px;
}

.col1-1 .text span,
.col1-2 .text span,
.col2-1 .text span,
.col2-2 .text span,
.col2-3 .text span {
    font-size: 12px;
    color: #bf4800;
}

.col1-1 .text p,
.col1-2 .text p,
.col2-1 .text p,
.col2-2 .text p,
.col2-3 .text p {
    font-size: 14px;
}

.col2-1,
.col2-2,
.col2-3 {
    width: 346PX;
    height: 534PX;
    border-radius: 15px;
}

.f3 .col2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}

.f3 .col2 img {
    width: 266px;
    height: 291px;
}

.col2-1 .text,
.col2-2 .text,
.col2-3 .text {
    text-align: center;
}

.col2-1,
.col2-2,
.col2-3,
.col1-1,
.col1-2 {
    text-align: center;
    background-color: #f2f2f2;
}

.col2-1,
.col2-2,
.col2-3 {
    width: 320px;
}

.col2-1 img:last-child,
.col2-3 img:last-child {
    width: 14px;
    height: 14px;
}

.col2 .tu3 img {
    text-align: center;
    width: 14px;
    height: 14px;
}

.f4 .center {
    width: 980px;
}

.text-4 {
    margin-top: 80px;
}

.text-4 h1 {
    text-align: center;
}

.f4 .center .text-4-1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}

.text-4-1 .text4-1,
.text-4-1 .text4-2,
.text-4-1 .text4-3 {
    text-align: center;
}

.text-4 .col4-1,
.text-4 .col4-2,
.text-4 .col4-3 {
    width: 320px;
    height: 534px;
    background-color: #f2f2f5;
    border-radius: 15px;
}

.col4-1 img,
.col4-2 img,
.col4-3 img {
    width: 266px;
    height: 291px;
    padding: 24px;
}

.text-4-1 .text4-1 span,
.text-4-1 .text4-2 span,
.text-4-1 .text4-3 span {
    color: #bf4800;
    padding: 4px 0 6px;
    font-size: 12px;
}

.text-4-1 .text4-1 p,
.text-4-1 .text4-2 p,
.text-4-1 .text4-3 p {
    font-size: 14px;
    color: #1d1d1f;
}

.f5 .center {
    width: 980px;
}

.center .mini {
    background-color: #f2f2f5;
    border-radius: 15px;
    height: 500px;
    position: relative;
}

.center .mini img {
    width: 100%;
    position: absolute;
    top: 220px;
    padding: 25px 0 0;
}

.mini .text {
    text-align: center;
    padding: 15px 0 0 0;
}

.mini .text h2 {
    font-size: 40px;
    /* top: 30px; */
    margin: 20px auto 0;
    font-weight: 500;
}

.mini .text p {
    font-size: 17px;
}

.mini .text a {
    font-size: 17px;
    color: #0066cc;
}

/* 最后一层 */
.f6 .center {
    /* display: flex; */
    width: 1380px;
    margin: 0 auto;
    line-height: 25px;
    background-color: #f2f2f5;
}

.center .down ul {
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    text-align: center;
    padding: 0;
}

.center .down ul li {
    display: block;
    margin: 0 auto;
    width: 326px;
    height: 221px;
    padding: 56px 0 0 0;
}

.center .down ul div {
    /* display: flex; */
    flex-wrap: wrap;
    justify-content: center;
    
}

.center .down img {
    width: 100%;
    height: 56px;
}

.center .down ul li:nth-child(2)>img {
    width: 44px;
    height: 56px;
}

.center .down ul li a {
    font-size: 14px;
    color: #06c;
}